<template>
	<el-form-item label="url">
		<div class="center">
			<span>{{info.url}}</span>
			<div class="center">
				<el-tag class="methodsTag" size="small" v-for="(item, index) of info.methods" :key="index">
					{{ item }}
				</el-tag>
			</div>
		</div>
	</el-form-item>
</template>

<script>
	export default {
		name: 'url',
		props: {
			info: {
				type: Object,
			},
		},
		model: ["info"],
		data() {
			return {
				dialogVisible: false,
				typeOptions: ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'COPY', 'HEAD', 'OPTIONS', 'LINK', 'UNLINK',
					'PURGE', 'LOCK', 'UNLOCK', 'PROPFIND', 'VIEW'
				],
			}
		},
		methods: {

		},
		created() {

		}
	}
</script>

<style scoped="">
	.center {
		display: flex;
		align-items: center;
	}

	.methodsTag {
		margin: 0 5px;
	}
</style>
